/*
font-family:'Frutiger Next LT W06 Light';
font-family:'Frutiger Next LT W06 Medium';
font-family:'Frutiger Next LT W06 Regular';
font-family:'Frutiger Next LT W06 Bold';
*/






body{background:#ffffff;}
img{max-width:100%; height:auto;}
.header{position:relative;z-index:10000;}
/*.white {background:#fff!important;}*/

/* Tables
======================== */

.form-control,
option {font-weight:normal;font-family:'Frutiger Next LT W06 Light';}

/* No List Style (Use additional to reset List) 
======================== */
.nolist{list-style:none; margin:0; padding:10px 0;}
.nolist li{list-style:none; margin:0; padding:0;}

/* Buttons 
======================== */


.btn{text-transform:uppercase; position:relative; white-space: normal;}

.btn:focus,
.btn:active:focus,
.btn.active:focus{outline: 0 none;}

.btn-primary, 
.btn-default {color: #ffffff;background-color: #3498db;border-color: #3498db;font-weight: normal!important;}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {color:#264672;background: transparent; border:1px solid #264672;}

.btn-arrowright{padding-right:2.1em;}
.btn-arrowright:after{font-family:"microsonicsymbols"; content:"\e602"; font-size:60%; position:absolute; right:1.5em; top:1.05em;}
.btn-primary, .btn-default {
    color: #ffffff;
    background-color: #3498db;
    border-color: #3498db;
    font-weight: normal!important;
}
.btn-download {
    padding: 4px 2.4em 4px 20px;
    margin: 11px 15px 12px 0;
    border: none;
    display: inline-block;
    background: #ffffff;
    color: #ffffff;
    background: #3498db;
    border: 1px solid #3498db;
}
.btn-download:after {
    font-family: "microsonicsymbols";
    content: "\e903";
    font-size: 80%;
    position: absolute;
    right: 1.5em;
    top: 0.55em;
}

/* Sections 
======================== */
.section{padding:40px 0;}
.section-color-light{background:#ECF7FD; color:#000000;}

/*.section-illu{padding:0;}
.section-illu img{width:100%;}*/

.section-head{font-size:26px; color:#274673; padding:0 2.5em 0.25em 0; margin:0 0 0.50em 0; /*border-bottom:1px solid #BEC7D5;*/ position:relative; /*cursor:pointer;*/}



/* Head 
======================== */
.head{ position:absolute; z-index:2000; width:100%; }
.head .container{position:relative;}
.headertopcd {
    margin-right: auto;
    margin-left: auto;
	padding: 0 20px;
}
.headertopcd a{
	color: #fff;
}
.headertopcd .inputSub{color: #333;}
.inputText{height: 22px;border-radius: 10px;}
.inputSub {height: 22px;border-radius: 10px;line-height: 20px; text-align: center;padding: 0 10px 0 10px;}

/* headertop 
======================== */
.headertop {
    background-color: #333;
    color: #fff;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100;
    color: white;
    display: none;
    font-family: 'source_sans_proregular';
    line-height: 25px;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}
#overlay {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    display: none;
}
/* Mainnav 
======================== */
.mainnav{}
.nav{}

.nav li{font-family:'Frutiger Next LT W06 Medium'; float:left; color:#264672; margin:0 30px 0 0; padding:0; line-height:1em;}
.nav li > a{ color:#7696B2; line-height:24px; padding:0; font-size:18px; cursor:pointer; z-index: 2;}
.nav li > a:hover,
.nav li > a:focus{color:#264672; background:none; text-decoration:none;}

.nav li > a > i{ font-size:26px; line-height:23px; }
.nav li > a > i.icon-loupe{ font-size:26px; line-height:27px; }

/* Searchbox
======================== */
.searchbox {margin:-4px; position:relative; float:left; display:inline-block; padding: 0; height:32px; min-width:25px;}
.searchbox input[type="text"] {width: 80%; margin: 10px 0 0 0; padding: 8px 10px; font-size: 14px; color:#264672;}

.mobilesearchbox{width:80%; margin:0 0 10px 0; padding:0 10px; font-size:16px; border: 1px solid #AFC2D4;}

/* Desktoplanguage
======================== */
.desktoplanguage {margin:4px 26px 0 0; position:relative; float:left; display:inline-block; padding: 0; }
.desktoplanguage a.language{padding:0; position:relative; color:#7696B2; font-size:18px;}

/* Logo 
======================== */
.logo{position:absolute; top:20px;}

.logo a,
.logo a:hover{width:204px; height:40px; display:block; background:url(/imagespiis/logo.png) no-repeat!important; background-size: contain!important;}

/* Theme: Sensorfamilie
======================== */
.header-matrix {background-color:#EAF7FF;}
.header-matrix > .container {position:relative;}
.theme-header{position:relative; padding:0; margin:60px 0 15px 0; top:0; left:0; right:0;  }

/* Slider Objektentfernung
======================== */
.slider-objektentfernung {margin-bottom:17px;}
.slider-objektentfernung b{display:none;}
.slider.slider-horizontal{width:100%!important;}
.so-head{}
.so-label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;}
.so-value{display: inline-block; margin-bottom: 5px; font-weight: bold; background:#274673; color:#ffffff; padding:0 0.5em; margin-left:0.5em;}
#objektentfernungSliderVal{}
.slider-track-low, 
.slider-track-high{background:#C6E6F1!important; border-radius:0!important;}
.slider.slider-horizontal .slider-selection{background:#274673!important;}
.slider-selection{border-radius:0!important;}

.btn-group .btn{text-transform:none; margin-bottom:4px; background-color:#C6E6F1;}
.btn-group .btn:hover{color:#14233a; background-color:#ffffff;}
.btn-group .btn.active{color: #ffffff; background-color: #274673; border-color: #274673;}

.btn-group-justified {margin-bottom:30px;}
.btn-group-justified .btn,
.btn-group-justified .btn.active{white-space:normal; border-left:4px solid #ECF7FD; border-right:none; border-top:none; border-bottom:none; padding: 5px 20px;}
.btn-group-justified .btn:first-child,
.btn-group-justified .btn:first-child.active{border:none;}




/* --------------------------------------------------------------------------- */
/* ------------------------------ MEDIA QUERIES ------------------------------ */
/* --------------------------------------------------------------------------- */

@media (max-width: 767px) {	
	.btn-group-justified > .btn {	display: block; width: 100%;}
	.btn-group-justified .btn,
	.btn-group-justified .btn.active{border:none;}
	.btn-group .btn + .btn { margin-left: 0;}
}

@media (min-width: 768px) {
	.headertopcd {
    max-width: 744px;
}
	/*.theme .subpage .caption{top:10vw; width:30%; max-width:600px;}*/
	
}


@media (min-width: 991px) {		
	.headertopcd {
    max-width: 980px;
}
	.mainnav{position:absolute; top:40px; left:0; right:0; display:block; z-index:2000; }
	
	
	.logo{ top:-2px; }
	.logo a{ width:204px!important; height:40px!important; }	
	.nav{width:980px; margin:0 auto; padding-left:20px;}
	.nav li{margin:15px 0 0 26px; font-size:18px;}
	.nav li.logo{margin:3px 10px 0 0;}
	.theme-header{top:0; left:0; right:0; position:relative; z-index: 1; padding:0; margin:85px 0 30px 0; background:none;}
	.desktoplanguage {margin:4px 16px 0 0; }
	/*.listitem {width:33.75%;}*/

	/* #sorts .ui-group,
	#filters .ui-group{display:inline-block; margin-right:16px;}
	#sorts h2,
	#filters h2{display:inline-block; margin-right:16px;}*/
	
	

	/*nav*/
	.nav li.level_1 {position: static; } 
	.nav .level_2 {height:571px; width: 100%; z-index: 1; position: absolute; top: -8px; left: 0; display: none; margin-top:0; padding: 100px 0 0 0; background:#EAF7FE; color:#000; }
	.nav .level_2.level_2_desktoplanguage {/*height:200px;*/ height:auto!important; padding-bottom: 30px;}
	.nav .level_2.level_2_defaultnav {/*height:200px;*/ height:auto!important; padding-bottom: 30px;}
	.nav .level_2.level_2_defaultnav.desktopsearchitems {/*height:200px;*/ height:auto!important; padding-bottom: 30px;}

	.nav .level_2 > .container {position:relative; }
	/*.closebtn{position:absolute; z-index:100; right:20px; bottom:30px; color:#264672!important; border:1px solid #A8BACC; height:40px; width:40px; text-align:center; font-size:16px;}*/
	/*.closebtn{position:absolute; z-index:100; right:20px; bottom:30px; color:#264672!important; border:1px solid #A8BACC; height:40px; width:40px; text-align:center; font-size:16px;}*/
	.closebtn{position:absolute; z-index:100; right:20px; bottom:30px; color:#fff!important;background: #264672; border:none; height:40px; width:40px; text-align:center; font-size:16px;}
	.closebtn-defaultnav{bottom:0px;}
	/*.closebtn:hover,
	.closebtn:active,
	.closebtn:focus{color:#50C5D8; border:1px solid #50C5D8;text-decoration: none;}*/
	.closebtn:hover,
	.closebtn:active,
	.closebtn:focus{color: #264672; border: 1px solid #A8BACC; background:transparent; text-decoration:none;}
	.closebtn i{ line-height:40px !important; display:block; font-size:22px;}
	/*.closebtn:hover i,
	.closebtn:active i,
	.closebtn:focus i{color:#50C5D8;}*/
	.closebtn:hover i,
	.closebtn:active i,
	.closebtn:focus i{color:#264672;}

	.nav .level_2_list {margin:0; padding:0; position:relative; height:471px;}
	.nav .level_2_list li {margin:0; padding:0 20px 0 0; width:33.33%;}
	.level_2_desktoplanguage .level_2_list {height:auto!important;}
	.level_2_desktoplanguage .level_2_list li { width:100%;}
	a.search{margin-top:-2px;}
	.nav .level_2_list li span {font-size:14px; color:#889EB8; padding:0 0 10px 0; display:block;}
	.nav .level_2_list li span a {color:#889EB8;}
	.nav .level_2_list li span a:hover {color:#264672; text-decoration:none;}
	.nav .level_2_list li.active span {color:#264672;}
	.nav .level_2_list li.active span a {color:#264672;}
	.nav .level_2_list li.active span a:hover {text-decoration:none;}

	.level_2_defaultnav .level_2_list {height:auto!important;}	
	.level_2_defaultnav .level_2_list > li {width:33.33%; float:right; display:inline-block; margin-right:-5px; vertical-align:top; padding-bottom:20px;}	
	.level_2_defaultnav .level_3_list li {margin:0; padding:0; width:auto; clear:left;}
	.level_2_defaultnav .level_3_list li > a {padding:10px 0 0 0!important; }

	.nav .level_2_list li .level_3_list {margin:0; padding:0; border-top:1px solid #AFC2D4;}
	.nav .level_2_list li.active .level_3_list {border-top:1px solid #264672;}
	.nav .level_3_list li {margin:0; padding:0; width:auto;}
	.nav .shousuo li{width: 90%!important;}
	.nav .shousuo button{ background: none; border: none;}
	.nav .level_3_list li > a {font-size:14px; color:#889EB8!important; border-bottom:1px solid transparent; padding:10px 0 1px 0; margin:0 14px 0 0; display:block; text-overflow: ellipsis; overflow: hidden; max-width: 140px; white-space: nowrap;}
	.nav .level_3_list li > a:hover { color:#264672!important; }
	.nav .level_3_list li > a.active { color:#264672!important;}
	.nav .level_3_list li:first-child > a { padding:10px 0 1px 0; margin:0 14px 0 0;}
	.nav .level_3_list .icon-loupe{font-size: 20px;    line-height: 27px; vertical-align: middle;    padding-left: 5px;}
	
	.nav .level_2_defaultnav .level_3_list li > a { margin:0;  }	
	.nav .level_2_defaultnav .level_3_list li:first-child > a { margin:0;}

	.nav .level_3_content {height:368px; width:939px; position: absolute; bottom:0; left:0; color:#254572;  background-repeat: no-repeat; background-position: 0% 100%; background-size:100% auto; background-color: #EAF7FE; display: none;}
	.nav .level_3_content > div { padding-right:50%; padding-top:10px; }
	.nav .level_3_content h2 {font-size:36px; font-family:'Frutiger Next LT W06 Light'; margin-top:0;}
	.nav .level_3_content h3 {font-size:20px; font-family:'Frutiger Next LT W06 Light'; margin-top:0; line-height:1.4em;}

	ul.level_2_list>li:first-child ul.level_3_list li:first-child .level_3_content {display: block;}

	.nav .level_3_content .variants{display:block; }
	.nav .level_3_content .variants .output {display:block; float:left; position:relative; width:100%; margin:18px 0 10px 0;}
	.nav .level_3_content .variants .output li {display:inline-block; vertical-align:top; margin:0px 10px 5px 0; float:left;}
	/*.nav .level_3_content .variants .output li.housing { margin:0px 10px 5px 10px;}*/
	.nav .level_3_content .variants .output li img {/*max-width:40px;*/ max-height:40px; }
	.nav .level_3_content .variants .cone {display:block; float:left; position:relative; width:100%; margin:21px 0 5px 0;}
	.nav .level_3_content .variants .cone li {display:inline-block; vertical-align:top; margin:0px 20px 5px 0; float:left;}
	.nav .level_3_content .variants .cone li img {max-width:60px; }
	.nav .level_3_content .variants .cone li span {display:block; text-align:center; font-size:12px; color:#000000;}

	.nav .level_3_content .buttons .btn {margin-right:30px; color: #fff; background: #264672; border: none;font-family: 'Frutiger Next LT W06 Light', Helvetica, Arial, sans-serif;border: 1px solid transparent;}
	/*.nav .level_3_content .buttons .btn:hover {color: #50C5D8; border: 1px solid #50C5D8;}*/
	.nav .level_3_content .buttons .btn:hover {margin-right:30px; color: #264672; border: 1px solid #A8BACC;background: none;}

	.nav .level_3_content .variants li.space{width:30px; margin:0; padding:1px;}
	.nav .level_3_content .variants li.headline {display:block; float:left; font-size:12px; color:#254572; margin-top:-20px!important; }
	.level_2_list .activetop{border-bottom: 1px solid #AFC2D4;}
	


}

@media (min-width: 1200px) {	
	.headertopcd {
    max-width: 1180px;
}
	.nav{width:1180px;}
	.nav li{margin:20px 0 0 34px;}
	.nav li.logo{margin:3px 80px 0 0;}
	

	/*nav*/
	.nav .level_2 {height:630px; }
	.nav .level_2.level_2_desktoplanguage {/*height:200px; */}

	.nav .level_2_list {height:530px;}
	.nav .level_2_list li span {font-size:16px; padding:0 0 15px 0;}
	.nav .level_3_list li > a {font-size:16px; padding:15px 0 1px 0; margin:0 20px 0 0; max-width: 180px;}	
	.nav .level_3_list li:first-child > a { padding:15px 0 1px 0; margin:0 20px 0 0;}

	.nav .level_3_content { height:410px; width:1139px; }
	.nav .level_3_content > div {  padding-top:30px; }
	.nav .level_3_content h2 {font-size:42px; }
	.nav .level_3_content h3 {font-size:22px; }	

	.nav .level_3_content .variants .output li img {/*max-width:40px;*/ max-height:40px; }
	.nav .level_3_content .variants .cone li img {max-width:70px; }
	.nav .level_3_content .variants .cone li span {font-size:14px; margin-top:5px;}

	.slider.slider-horizontal{width:420px!important; }

	/* .meta{float:left; width:50%;} */

	.logo a{ width:255px!important; height:50px!important; }


}

@media (min-width: 1600px) {
	.headertopcd {
    max-width: 1600px;
}
	.nav{width:1600px;}
	.nav li{margin:20px 0 0 49px;}
	.nav li.logo{margin:3px 300px 0 0;}
	

	/*nav*/
	.nav .level_2 {height:730px; }
	.nav .level_2.level_2_desktoplanguage {/*height:200px;*/ }

	.nav .level_2_list {height:630px;}

	.nav .level_3_content { height:510px; width:1519px; }
	.nav .level_3_content h2 {font-size:50px; }
	.nav .level_3_content h3 {font-size:24px; }

	.nav .level_3_list li > a {margin:0 30px 0 0; max-width: 230px;}
	.nav .level_3_list li:first-child > a {  margin:0 30px 0 0;}

	.nav .level_3_content .variants .output li img {/*max-width:48px;*/ max-height:48px; }
	.nav .level_3_content .variants .cone li {margin:0px 30px 5px 0;}
	.nav .level_3_content .variants .cone li img {max-width:70px; }
	.nav .level_3_content .variants .cone li span {font-size:14px;}

	.slider.slider-horizontal{width:600px!important; }
	.logo a{ width:306px!important; height:60px!important; }


}